<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/currency.css">
    <link rel="stylesheet" href="css/index.css">
    <title>首页</title>
</head>

<body>
    <!-- 通用头部 -->
    <div class="currency-head">
        <div class="head-c">
            <div class="head-l">
                <img src="img/index/logo.png" alt="">
            </div>
            <ul class="head-r">
                <li class="title active ml0">
                    <a href="index.html">
                        <p class="text ">首页</p>
                        <span class="line"></span>
                    </a>
                </li>
                <li class="title">
                    <a href="plan.html">
                        <p class="text">特别策划</p>
                        <span class="line"></span>
                    </a>
                </li>
                <li class="title route">
                    <a href="route.html">
                        <p class="text">精品路线</p>
                        <span class="line"></span>
                    </a>
                    <div class="mask">
                        <a href="route.html">
                            <p class="text1">定制团体游</p>
                        </a>
                        <a href="route-personal.htm">
                            <p class="text2">领队自由行</p>
                        </a>
                    </div>
                </li>
                <li class="title">
                    <a href="about.html">
                        <p class="text">关于我们</p>
                        <span class="line"></span>
                    </a>
                </li>
                <li class="title pd">
                    <a href="contact.html">
                        <p class="text">联系我们</p>
                        <span class="line"></span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 广告 -->
    <div class="banner">
        <div class="banner-c">
            <div class="banner-dot">
                <span class="dot"></span>
                <span class="dot"></span>
                <span class="dot"></span>
            </div>
        </div>
    </div>
    <!-- 通用项目列表 -->
    <div class="tab">
        <div class="tab-menu">
            <div class="text">
                <div class="text1">特别策划</div>
                <div class="text2">ACTIVITY ROUTR</div>
            </div>
            <span class="line"></span>
        </div>
    </div>
    <!-- 特别策划 -->
    <div class="plan">
        <div class="plan-c">
            <ul class="shop">
                <li class="item">
                    <div class="iteml">
                        <img class="img1" src="img/index/hot1.jpg" alt="">
                        <div class="mask"></div>
                    </div>
                    <div class="itemr">
                        <p class="text1">苍山洱海旁，过一段慢时光</p>
                        <p class="text2">云南风花雪月之旅 （6days）</p>
                        <p class="text3">
                            <span style="background-color: #f19ec2;"></span>洱海骑行
                            <span style="background-color: #f19149;"></span>手作扎染
                            <span style="background-color: #8c97cb;"></span>泸沽湖划船
                            <span style="background-color: #7ecef4;"></span>草海
                            <span style="background-color: #cce198;"></span>束河古镇
                            <span style="background-color: #84ccc9;"></span>拉市海
                        </p>
                    </div>
                </li>
                <li class="item">
                    <div class="itemr">
                        <p class="text1">苍近距离看“滚滚”花式卖萌</p>
                        <p class="text2">成都City Walk之旅 （6days）</p>
                        <p class="text3">
                            <span style="background-color: #f19ec2;"></span>熊猫基地
                            <span style="background-color: #f19149;"></span>宽窄巷子
                            <span style="background-color: #8c97cb;"></span>武侯祠
                            <span style="background-color: #7ecef4;"></span>小酒馆
                            <span style="background-color: #cce198;"></span>吃货天堂
                            <span style="background-color: #84ccc9;"></span>锦里
                        </p>
                    </div>
                    <div class="iteml">
                        <img class="img2" src="img/index/hot2.jpg" alt="">
                        <div class="mask2"></div>
                    </div>
                </li>
                <li class="item">
                    <div class="iteml">
                        <img class="img1" src="img/index/hot3.jpg" alt="">
                        <div class="mask"></div>
                    </div>
                    <div class="itemr">
                        <p class="text1">骑行青海湖，行摄纯净天空之境</p>
                        <p class="text2">梦回大西北之旅 （6days</p>
                        <p class="text3">
                            <span style="background-color: #f19ec2;"></span>茶卡盐湖
                            <span style="background-color: #f19149;"></span>U型天路
                            <span style="background-color: #8c97cb;"></span>青海湖日出
                            <span style="background-color: #7ecef4;"></span>魔鬼城
                            <span style="background-color: #cce198;"></span>七彩丹霞
                            <span style="background-color: #84ccc9;"></span>莫高窟
                        </p>
                    </div>
                </li>
            </ul>
            <div class="more">
                <a href="">MORE</a>
            </div>
        </div>

    </div>
    <!-- 关于我们 -->
    <div class="about">
        <div class="about-c">
            <div class="tab pos ">
                <div class="tab-menu">
                    <div class="text abouttext">
                        <div class="text1">关于我们</div>
                        <div class="text2">ACTIVITY ROUTR</div>
                    </div>
                    <span class="line"></span>
                </div>
            </div>
            <div class="content">
                <ul class="list pos1">
                    <li class="text">
                        <p class="text1">介绍</p>
                        <p class="text2">INTRODUCE</p>
                    </li>
                    <li class="line"></li>
                    <li class="text3">
                        <p class="text4">新旅行概念社区，在这里，你可以收货来自世界各地的友谊，为您</p>
                        提供省心、省钱、纯玩、有趣的路线随时带您出发看世界。
                    </li>
                </ul>
                <ul class="list pos2">
                    <li class="text">
                        <p class="text1">理念</p>
                        <p class="text2">CONCEPT</p>
                    </li>
                    <li class="line"></li>
                    <li class="text3">
                        <p class="text4">每一寸土地都承载着一个城市厚重而亲切的灵魂。</p>
                        About travel, about life, That's all.
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 通用项目列表 -->
    <div class="tab">
        <div class="tab-menu">
            <div class="text">
                <div class="text1">精品路线</div>
                <div class="text2">CLASSICS ROUTR</div>
            </div>
            <span class="line"></span>
        </div>
    </div>
    <!-- 精品路线 -->
    <div class="route">
        <div class="route-c">
            <div class="item">
                <p class="text1">京都岚山深度一日游</p>
                <p class="text2">寻找我们的风花雪月</p>
            </div>
            <div class="item">
                <img src="img/index/routr1.jpg" alt="">
            </div>
            <div class="item">
                <p class="text1">西北精环线自驾游</p>
                <p class="text2">圆一场北方的梦</p>
            </div>
            <div class="item">
                <img src="img/index/routr2.jpg" alt="">
            </div>
            <div class="item">
                <p class="text1">东极岛三日游</p>
                <p class="text2">后青春时代的海岛记忆</p>
            </div>
            <div class="item">
                <img src="img/index/routr3.jpg" alt="">
            </div>
        </div>
        <div class="more">
            <a href="">MORE</a>
        </div>
    </div>
    <!-- 广告2 -->
    <div class="banner2">
        <div class="banner2-mask">
            <ul class="menu">
                <li class="menu-msg pos1">
                    <a href="">
                        <p class="text1">定制团体游</p>
                    </a>
                    <p class="text2">独立成团&nbsp;&nbsp;&nbsp;专业跟拍</p>
                    <p class="text3">简单几步，定制您的私人旅行</p>
                    <p class="text4">▔▔▔▔</p>
                </li>
                <li class="menu-msg pos2">
                    <a href="">
                        <p class="text1">领队自由行</p>
                    </a>
                    <p class="text2">金牌领队&nbsp;&nbsp;&nbsp;专业跟拍</p>
                    <p class="text3">解锁陌生，升级地道旅游体验</p>
                    <p class="text4">▔▔▔▔</p>
                </li>
            </ul>
        </div>
        <div class="banner2-hover">
            <ul class="menu">
                <li class="menu-msg pos1">
                    <a href="">
                        <p class="text1">定制团体游</p>
                    </a>
                    <p class="text2">独立成团&nbsp;&nbsp;&nbsp;专业跟拍</p>
                    <p class="text3">简单几步，定制您的私人旅行</p>
                    <p class="text4">▔▔▔▔</p>
                </li>
                <li class="menu-msg pos2">
                    <a href="">
                        <p class="text1">领队自由行</p>
                    </a>
                    <p class="text2">金牌领队&nbsp;&nbsp;&nbsp;专业跟拍</p>
                    <p class="text3">解锁陌生，升级地道旅游体验</p>
                    <p class="text4">▔▔▔▔</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 通用项目列表 -->
    <div class="tab">
        <div class="tab-menu">
            <div class="text">
                <div class="text1">联系我们</div>
                <div class="text2">CONTACT</div>
            </div>
            <span class="line"></span>
        </div>
    </div>
    <!-- 通用底部 -->
    <div class="foot">
        <div class="foot-c">
            <div class="footl">
                <h3>慢旅Slow Travle工作室 </h3>
                <p class="list">地点：中国河南省郑州市绿地新都汇</p>
                <p class="list">邮编：1000000</p>
                <p class="list">电话：0392-23656504</p>
                <p class="list">邮箱：manlv@qq.com</p>
                <div class="logo">
                    <div class="hide">
                        <img src="img/index/QQ1.png" alt="">
                    </div>
                    <div class="hover">
                        <img src="img/index/QQ2.png" alt="">
                    </div>
                </div>
                <div class="logo">
                    <div class="hide">
                        <img src="img/index/vx1.png" alt="">
                    </div>
                    <div class="hover">
                        <img src="img/index/vx2.png" alt="">
                    </div>
                </div>
                <div class="logo">
                    <div class="hide">
                        <img src="img/index/vb1.png" alt="">
                    </div>
                    <div class="hover">
                        <img src="img/index/vb2.png" alt="">
                    </div>
                </div>
                <p class="list">COPYRIGHT (©) 2018 mo004_2551 - 生活方式旅游类网站.</p>
            </div>
            <div class="footr">
                <form action="">
                    <input class="input" type="text" value="姓名">
                    <input class="input" type="text" value="邮箱">
                    <input class="input mr0" type="text" value="电话">
                    <input class="inputw mr0" type="text" value="内容">
                    <input class="submit" type="submit" value="提交" />
                </form>
            </div>
        </div>
    </div>
</body>

</html>